<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0,maximum-scale=1.0" />
<!-- jquery库 -->
		  <script type="text/javascript" src="../common/meta.js"></script>
		<script src="topTenProduct.js"></script>
		<script type="text/javascript" src="./cache.js"></script> 
		<style type="text/css">
			.ui-body-c, .ui-overlay-c {
		    	background: none;
		    	color: #333;
				}
								table th{
	    background-color: #49afcd;
	    color:#fff;
	    }
	    .panel{
    		margin:10px;
    		border:1px solid;
    		border-color: gray;
    		padding: 2px;
    		border-radius:8px;
    	}	
    	.home{
		 	margin-top:5px;
		 	float:right;
		 }
		.ui-header .ui-title{
		    font-size: 18px;
		}
         ul, ol {
			margin: 0 0 0px 0px;
			padding: 0;
		}
         .back{
		 	margin-top:5px;
             float:left;
		 }
		</style>
</head>
<body>

<div id="productview" data-role="page" data-dom-cache="true" class="bodyframe">
	<div data-role="header" class=" theme-info" >
		<ul class="back">
	   		<a   href="main.html"><image src='../image/left_48.png'></image></a>
	   	</ul>
		<ul class="home">
	   		<a  id="home" ><image src='../image/home_48.ico'></image></a>
	   	</ul>
		<h1>
			<span>TOP5</span>
		</h1>
	</div>	
	<div class="bs-docs">
		<ul id="myTab1" class="nav nav-tabs">
			<li class="dropdown">
				<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="description">选择排序方式<b class="caret"></b>						
				</a>
				<ul class="dropdown-menu">
					<li>
						<a data-toggle="tab" href="" onclick="orderDesc()">销量从高到低</a>
					</li>
					<li>
						<a data-toggle="tab" href="" onclick="orderAsc()">销量从低到高</a>
					</li>
				</ul>
			</li>
		</ul>
	</div>
   
   	<div class="panel">
		<table id="gridPage" class="table table-bordered " data-role="gridtable" data-settings="{pageSize:5,currentPageIndex:1,server:localStorage['APP_AJAX_PATH']+'/drinkingBar/view/topTenProduct.jsp.findTopTenProduct',autoload:true}">
			<thead>
		<tr>
			<th class="formatter-image"  >图片</th>
			<th class="formatter-name" class="sortable-desc">名称</th>
			<th class="formatter-price" >价格</th>
			<th class="formatter-editOrDelete th-info" >操作</th>
		</tr>
	</thead>
	<tbody >
		<tr class='grid_tr_templete' >
			<td data-title="图片" width="25%"></td>
			<td data-title="名称"  width="25%"></td>
			<td data-title="价格"  width="25%"></td>
			<td data-title="操作" width="25%"></td>
		</tr>
	</tbody>
		</table>
	
	</div>

</div>
       
</body>

</html>

